{extend name="property/public/insidePageBase" /}
{block name="title"}房间详情{/block}
{block name="css"}
{__block__}
<style>
    .inputtle {
        /*padding: 0px 15px 0px 25px;*/
        /*text-align: right;*/
    }
    .ninputtBox {
        margin-bottom: 5px;
    }
    .df {
        display: flex;
    }
    .fx1 {
        flex: 1;
    }
    .jz {
        display: flex;
        align-property:center;
        justify-content: center;
    }
    .textove {
        display: -webkit-box !important;
        /*display:-moz-box !important;*/
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }
    .room-facilities li {
        min-width: 80px;
        height: 60px;
        text-align: center;
        border: 1px solid #ededed;

        float:left;
        position: relative;
        margin: 5px;
        padding: 2px;
    }
    .room-facilities li .room-facilities-name {
        margin-top: 5px;
    }
    .room-facilities li .room-facilities-img {
        height: 50%;
        margin-top: 5px;
    }
    .room-facilities li .room-facilities-img img {
        max-width: 100%;
        height: 100%;
    }
    .room-facilities li .room-facilities-num {
        position: absolute;
        top: 0;
        right: 0;
    }
</style>
{/block}
{block name="body"}
<div class="layuimini-container">
    <div class="layuimini-main  layuimini-form layui-form-pane">
        <div class="layui-row layui-col-space15">
            <div class="layui-tab layui-tab-brief">
                <ul class="layui-tab-title">
                    <li class="layui-this">房间信息</li>
                    <li>账单列表</li>
                    <li>房间日志</li>
                    <button class="layui-btn layui-btn-normal layui-btn-sm editRoom"> 房间编辑 </button>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <!--房间信息 add-->
                        <div class="layui-row">
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md6">
                                <div class="layui-carousel" id="roomPicture">
                                    <div carousel-item>
                                        {if $info['picture']}
                                        {foreach $info['picture'] as $k=>$v}
                                        <div>
                                            <img src="{$v}" style="width: 100%;height: 100%;" alt="">
                                        </div>
                                        {/foreach}
                                        {else/}
                                        <div style="text-align: center;font-size: 28px;font-weight: 800;line-height: 260px;">暂无图片</div>
                                        {/if}
                                    </div>
                                </div>
                            </div>
                            <div class="layui-col-xs6 layui-col-sm6 layui-col-md6" style="padding: 0 10px;">
                                <div>
                                    <div style="font-size: 20px;font-weight: bold;float:left;">
                                         {$info['full_room_name']??''}
                                    </div>
                                    <div style="float:right;">
                                        {if $info['status'] == 1}
                                        <span class="layui-badge layui-bg-cyan">空置{:max(1,$info['vacancy_day'])}天</span>
                                        {/if}
                                        {if $info['status'] == 2}
                                        <span class="layui-badge layui-bg-blue">已出租</span>
                                        {/if}
                                    </div>
                                    <div style="clear: both"></div>
                                </div>
                                <hr>

                                <div class="layui-row">
                                    <div class="layui-col-xs7">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">房间户型</label>
                                            <div class="layui-input-block">
                                                <input type="text" disabled value="{$info['room_num'] ??''} 室 {$info['who_num'] ??''} 厅 {$info['hall_num'] ??''} 卫" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-xs5">
                                        <div class="layui-input-group">
                                            <div class="layui-input-split layui-input-prefix">房间朝向&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                            <input type="text" disabled value="{$info['direction']??''}" placeholder="房间朝向"  class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-row">
                                    <div class="layui-col-xs6">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">房间租金</label>
                                            <div class="layui-input-block">
                                                <input type="text" value="{$info['room_rent']??''} ¥ / 月" disabled autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-xs6">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">房间押金</label>
                                            <div class="layui-input-block">
                                                <input type="text" value="{$info['room_deposit']??''} ¥ / 期" disabled autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-row">
                                    <div class="layui-col-xs6">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">房间面积</label>
                                            <div class="layui-input-block">
                                                <input type="text" value="{$info['room_size']??''} ㎡" disabled autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-xs6">
                                        <div class="layui-form-item">
                                            <label class="layui-form-label">物业服务费</label>
                                            <div class="layui-input-block">
                                                <input type="text" value="{$info['property_fee']??''} ¥ / 月" disabled autocomplete="off" class="layui-input">
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                {if $info['status'] == 2}
                                <div class="layui-form-item">
                                    <label class="layui-form-label">租赁周期</label>
                                    <div class="layui-input-block">
                                        <input type="text" disabled value="{$info['contractInfo']['start_date']??''}  至  {$info['contractInfo']['end_date']??''}" autocomplete="off" class="layui-input">

                                    </div>
                                </div>
                                {/if}
                                <div style="margin-top: 10px;font-size:16px;">
                                    {if $info['status'] == 1}
                                    <div class="enterContractBtn" style="font-weight:600;color:#6e6e6e;width: 100%;height:60px;text-align:center;line-height:60px;border:1px solid #cfcfcf;cursor: pointer">
                                        入住登记
                                    </div>
                                    {/if}
                                </div>
                            </div>
                        </div>

                        <br/>
                        <ul class="layui-tab-title">
                            <li class="layui-this">能源设备列表</li>
                            {if $bindAuth}<button class="layui-btn site-demo-active bingEnergyMeter"> 绑定新设备 </button>{/if}
                            {if $info['status'] == 2}
                            <button class="layui-btn site-demo-active contractBasicDetail">租赁编号： {$info['contractInfo']['number']??''}  </button>
                            <span class="layui-badge layui-bg-cyan">剩余<span style="color: red;"> {$info['contractInfo']['lave_days']??''} </span>天</span>
                            {/if}
                        </ul>
                        <table class="layui-hide" id="energyMeterList" lay-filter="energyMeterList"></table>
                        <script type="text/html" id="tableDeviceListBar">
                            <div class="layui-btn-group">
                                <a class="layui-btn layui-btn-sm" lay-event="energyMeterDetail">详情</a>
                                {if $unbindAuth}<a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="unbindEnergyMeter">解绑</a>{/if}
                                {{# if(d.plan_type === 2) { }}
                                {if $rechargeAuth}<a class="layui-btn layui-btn-sm layui-bg-orange" lay-event="energyMeterRecharge">充值</a>{/if}
                                {{# } }}
                            </div>
                        </script>
                        <script type="text/html" id="wit-type-tpl">
                            {{# if(d.wit_type === 1) { }}
                            <span class="layui-badge layui-bg-red">智能</span>
                            {{# } }}
                            {{# if(d.wit_type === 2) { }}
                            <span  class="layui-badge layui-bg-green">普通</span>
                            {{# } }}
                            {{d.energy_no}}  <span class="layui-badge layui-bg-cyan">{{d.beilv}} 倍</span>
                        </script>
                        <script type="text/html" id="energy_type_tpl">
                            {{# if(d.plan_type === 1) { }}<span class="layui-badge layui-bg-cyan">后付费</span>{{# } }}
                            {{# if(d.plan_type === 2) { }}<span class="layui-badge layui-bg-green">系统预付费</span>{{# } }}
                            {{# if(d.plan_type === 3) { }}<span class="layui-badge layui-bg-green">离线预付费</span>{{# } }}

                            {{# if(d.energy_type === 11) { }}<span class="layui-badge layui-bg-cyan">电表</span>{{# } }}
                            {{# if(d.energy_type === 12) { }}<span class="layui-badge layui-bg-green">冷水表</span>{{# } }}
                            {{# if(d.energy_type === 13) { }}<span class="layui-badge layui-badge">热水表</span>{{# } }}
                            {{# if(d.energy_type === 14) { }}<span class="layui-badge layui-bg-red">燃气表</span>{{# } }}
                        </script>

                        <script type="text/html" id="balance_tpl">
                            {{# if(d.plan_type === 1) { }}
                                --
                            {{# }else{ }}
                                {{d.balance}}
                            {{# } }}
                        </script>
                        <!--房间信息 end-->
                    </div>

                    <div class="layui-tab-item">
                        <!--账单列表 add-->
                        <script type="text/html" id="toolBillListbar">
                            <div class="layui-btn-container">
                                <button class="layui-btn layui-btn-normal layui-btn-sm data-add-btn" lay-event="addContractBill"> 添加账单 </button>
                            </div>
                        </script>
                        <table class="layui-hide" id="contractBillList" lay-filter="contractBillList"></table>
                        <script type="text/html" id="tableBillListBar">
                            <div class="layui-btn-group">
                               <a class="layui-btn layui-btn-sm  layui-btn-normal" lay-event="editContractBill">备注</a>{/if}
                               <a class="layui-btn layui-btn-sm" lay-event="detailsContractBill">详情</a>{/if}
                            </div>
                        </script>
                        <script type="text/html" id="bill_status_tpl">
                            {{# if(d.bill_type === 1) { }}<span class="layui-badge layui-bg-cyan">租金</span>{{# } }}
                            {{# if(d.bill_type === 2) { }}<span class="layui-badge layui-bg-green">退租</span>{{# } }}
                            {{# if(d.bill_type === 4) { }}<span class="layui-badge layui-bg-blue">记账</span>{{# } }}
                            {{# if(d.bill_type === 9) { }}<span class="layui-badge layui-bg-orange">押金</span>{{# } }}

                            {{# if(d.status === 1) { }}<span class="layui-badge layui-bg-cyan">待审核</span>{{# } }}
                            {{# if(d.status === 2) { }}<span class="layui-badge layui-bg-green">待支付</span>{{# } }}
                            {{# if(d.status === 3) { }}<span class="layui-badge layui-bg-blue">待确认</span>{{# } }}
                            {{# if(d.status === 4) { }}<span class="layui-badge layui-bg-blue">已作废</span>{{# } }}
                            {{# if(d.status === 5) { }}<span class="layui-badge layui-bg-blue">已逾期</span>{{# } }}
                            {{# if(d.status === 8) { }}<span class="layui-badge layui-bg-blue">支付中</span>{{# } }}
                            {{# if(d.status === 9) { }}<span class="layui-badge layui-bg-orange">己完成</span>{{# } }}
                        </script>
                        <!--账单列表 end-->
                    </div>
                    <div class="layui-tab-item">
                        <!--房间日志 add-->
                        <table class="layui-hide" id="roomLogList" lay-filter="roomLogList"></table>
                        <script type="text/html" id="remark_tpl">
                            {{# if(d.remark) { }}{{d.remark}}{{# } }}
                        </script>
                        <!--房间日志 end-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script>MICROANSWER_DROPDOWAN="mDropdown";</script>
{__block__}
<script>
    var isEdit = {:request()->get('isEdit') == 1 ? 'true' : 'false'};
    layui.use(['carousel','table','mDropdown'], function(){
        var carousel = layui.carousel, mDropdown = layui.mDropdown, table = layui.table;
        //建造实例
        carousel.render({
            elem: '#roomPicture'
            ,width: '100%' //设置容器宽度
            ,arrow: 'hover' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
        let roomId = {$info['id']};
        let contractd = {$info['contract_id']??''};

        $(document).on('click', '.contractBasicDetail', function () {
            var url = '{:url("propertyContractBasicDetail")}?contract_id='+contractd;
            var index = parent.layer.open({title: '租赁详情', type: 2, shade: 0.2, maxmin:true, shadeClose:true, move:false,area: ['1050px', '100%'],offset:  'rt', anim: 2, content: url , btn:false });
            return false;
        });


        <!-- 账单列表 add-->
        var tableBillListId = 'contractBillList';
        table.render({
            elem: '#'+tableBillListId,
            id:tableBillListId,
            url: '{:url("propertyBillBasicList")}?room_id='+roomId,
            toolbar: '#toolBillListbar',
            cols: [[
                {type: 'checkbox', fixed: 'left', rowspan: 2},
                {field: 'number', width: 168, title: '账单编号', sort: true},
                {field: 'month_time', width: 88, title: '年-月' , sort: true},
                {field: 'ar_amount', width: 105, title: '应收总额', templet:function(d) {
                        return d.ar_amount + ' ¥';
                    },sort: true},
                {field: 'stay_check_amount', width: 105, title: '待收金额', templet:function(d) {
                        return d.stay_check_amount + ' ¥';
                    },sort: true},
                {field: 'check_amount', width: 105, title: '己收金额', templet:function(d) {
                        return d.check_amount + ' ¥';
                    },sort: true},
                {field: 'status', width: 128, title: '账单状态',  sort: true, templet:'#bill_status_tpl'},
                {field: 'add_time', width: 168, title: '创建时间', sort: true},
                {title: '操作', minWidth: 88, toolbar: '#tableBillListBar', fixed:'right'}
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 15,
            page: true,
            height: 'full-120',
        });
        table.on('rowDouble('+tableBillListId+')', function(obj){
            var data = obj.data;
            var url = '{:url("propertyBillBasicDetail")}?bill_id=' + data.id;
            var index = parent.layer.open({title: data.number +'  账单详情', type: 2, shade: 0.2, maxmin:true, shadeClose:true, move:false,area: ['1000px', '100%'],offset:  'rt', anim: 2, content: url , btn:false });
            return false;
        });
        table.on('toolbar('+tableBillListId+')', function (obj) {
            if (obj.event === 'addContractBill') {  // 监听添加操作
                var url = '{:url("propertyBillBasicAdd")}?contract_id={$info['contract_id']}';
                var index = layer.open({title: '添加账单', type: 2, shade: 0.2,maxmin:true, area:['800px', '95%'], content: url, btnAlign: 'c', btn: ['确定', '取消'], yes: function (index, layero) {
                        var iframeWindow = window['layui-layer-iframe' + index], submit = layero.find('iframe').contents().find("#submitBtn");
                        iframeWindow.layui.form.on('submit(submitBtn)', function (data) {
                            var field = data.field; //获取提交的字段
                            var loadAdd = layer.msg('提交中', {icon: 16, time: 0, shade: 0.1, offset: '15px'});
                            $.post(url, field, function (res) {
                                layer.close(loadAdd);
                                if (res.code === 0) {
                                    table.reload(tableBillListId); //数据刷新
                                    layer.close(index); //关闭弹层
                                    layer.msg(res.msg, {icon: 6, offset: '15px'});
                                } else {
                                    layer.msg(res.msg, {icon: 5, offset: '15px'});
                                }
                            });
                        });
                        submit.trigger('click');
                    }
                });
                $(window).on("resize", function () {
                    layer.full(index);
                });
            }
        });
        table.on('tool('+tableBillListId+')', function (obj) {
            var data = obj.data;
            if (obj.event === 'editContractBill') {
                var url = '{:url("propertyBillBasicEdit")}?id='+data.id;
                var index = layer.open({
                    title: '账单备注', type: 2,  shade: 0.2, maxmin:true, area:['800px', '95%'],content: url, btnAlign: 'c', btn: ['确定', '取消'], yes: function (index, layero) {
                        var iframeWindow = window['layui-layer-iframe' + index], submit = layero.find('iframe').contents().find("#submitBtn");
                        iframeWindow.layui.form.on('submit(submitBtn)', function (data) {
                            var field = data.field; //获取提交的字段
                            var loadAdd = layer.msg('提交中', {icon: 16, time: 0, shade: 0.1, offset: '15px'});
                            $.post(url, field, function (res) {
                                layer.close(loadAdd);
                                if (res.code === 0) {
                                    table.reload(tableBillListId); //数据刷新
                                    layer.close(index); //关闭弹层
                                    layer.msg(res.msg, {icon: 6, offset: '15px'});
                                } else {
                                    layer.msg(res.msg, {icon: 5, offset: '15px'});
                                }
                            });
                        });
                        submit.trigger('click');
                    }
                });
                $(window).on("resize", function () {
                    layer.full(index);
                });
                return false;
            } else if (obj.event === 'detailsContractBill') {
                var url = '{:url("propertyBillBasicDetail")}?bill_id=' + data.id;
                var index = parent.layer.open({title: data.number +'  账单详情', type: 2, shade: 0.2, maxmin:true, shadeClose:true, move:false,area: ['1000px', '100%'],offset:  'rt', anim: 2, content: url , btn:false });
                return false;
            }
        });
        <!-- 账单列表 end-->
        <!-- 能耗列表 add-->
        var tableEnergyMeterId = 'energyMeterList';
        table.render({
            elem: '#'+tableEnergyMeterId,
            id:tableEnergyMeterId,
            url: '{:url("propertyEnergyMeterList")}?room_id='+roomId,
            cols: [[
                {field: 'plan_name', width: 168, title: '收费方案', sort: true},
                {field: 'energy_no', minWidth: 198, title: '设备编号', sort: true, rowspan: 2, templet:'#wit-type-tpl'},
                {field: 'device_type', width: 158, title: '设备类型', templet:'#energy_type_tpl', sort: true},
                {field: 'balance', width: 108, title: '剩余金额', templet:'#balance_tpl', sort: true},
                {title: '操作', minWidth: 88, toolbar: '#tableDeviceListBar', fixed:'right'}
            ]]
        });
        table.on('tool('+tableEnergyMeterId+')', function (obj) {
            var data = obj.data;
            if (obj.event === 'energyMeterDetail') {
                var url = '{:url("propertyEnergyMeterDetail")}?energy_id='+data.id;
                parent.layer.open({
                    title: data.energy_no +'  设备详情', type: 2, shade: 0.2, maxmin:true, shadeClose:true, move:false,area: ['1000px', '100%'],offset:  'rt', anim: 2, content: url , btn: false
                });
            } else if (obj.event === 'energyMeterRecharge') {
                var url = '{:url("propertyEnergyMeterRecharge")}?id='+data.id;
                parent.layer.open({title: '设备余额充值',type: 2,shade: 0.2, maxmin:true,area: ['650px', '450px'], content: url, btnAlign: 'c',btn: ['确定', '取消'],yes: function (index, layero) {
                        var iframeWindow = parent.window['layui-layer-iframe' + index], submit = layero.find('iframe').contents().find("#submitBtn");
                        iframeWindow.layui.form.on('submit(submitBtn)', function (data) {
                            var field = data.field; //获取提交的字段
                            var loadAdd = parent.layer.msg('提交中', {icon: 16, time: 0, shade: 0.1, offset: '15px'});
                            $.post(url, field, function (res) {
                                parent.layer.close(loadAdd);
                                if (res.code === 0) {
                                    table.reload(tableEnergyMeterId); //数据刷新
                                    parent.layer.close(index); //关闭弹层
                                    parent.layer.msg(res.msg, {icon: 6, offset: '15px'});

                                } else {
                                    parent.layer.msg(res.msg, {icon: 5, offset: '15px'});
                                }
                            });
                        });
                        submit.trigger('click');
                    }
                });
            } else if (obj.event === 'unbindEnergyMeter') {
                var url = '{:url("propertyRoomUnbindEnergy")}';
                layer.prompt({ formType: 2,value: '',title: '解绑后房间将看不到该设备数据，请输入解绑原因',}, function(value, index, elem){
                    var loadAdd = layer.msg('提交中', {icon: 16, time: 0, shade: 0.1, offset: '15px'});
                    $.post(url, {id: data.id,remark:value}, function (res) {
                        layer.close(loadAdd);
                        if (res.code === 0) {
                            layer.close(index);
                            parent.layer.msg(res.msg, {icon: 6, offset: '15px',time: 1000}, function() {
                                window.location.reload();
                            });
                        } else {
                            layer.msg(res.msg, {icon: 5, offset: '15px'});
                        }
                    });
                });
            }
        });
        <!-- 能耗列表 end-->
        $('.editRoom').on('click', function() {
            var url = '{:url("propertyRoomBasicEdit")}?id='+roomId;
            var index = parent.layer.open({title: '编辑房间信息',type: 2,shade: 0.2, maxmin:true, area: ['650px', '80%'],content: url, btnAlign: 'c',btn: ['确定', '取消'],yes: function (index, layero) {
                    var iframeWindow = parent.window['layui-layer-iframe' + index], submit = layero.find('iframe').contents().find("#submitBtn");
                    iframeWindow.layui.form.on('submit(submitBtn)', function (data) {
                        var field = data.field; //获取提交的字段
                        var loadAdd = parent.layer.msg('提交中', {icon: 16, time: 0, shade: 0.1, offset: '15px'});
                        $.post(url, field, function (res) {
                            parent.layer.close(loadAdd);
                            if (res.code === 0) {
                                isEdit = true;
                                parent.layer.close(index); //关闭弹层
                                parent.layer.msg(res.msg, {icon: 6, offset: '15px', time: 1000}, function() {
                                    window.location.href=window.location.href+'&isEdit=1';
                                });
                            } else {
                                parent.layer.msg(res.msg, {icon: 5, offset: '15px'});
                            }
                        });
                    });
                    submit.trigger('click');
                }
            });
            return false;
        });
        $('.enterContractBtn').on('click', function() {
            var url = '{:url("propertyContractBasicAdd")}?room_id='+roomId;
            parent.layer.open({title: '入住登记', type: 2, shade: 0.2,   maxmin:true,area: ['1000px', '95%'], content: url, btnAlign: 'c', btn: ['确定', '取消'],
                yes: function (index, layero) {
                    var iframeWindow = parent.window['layui-layer-iframe' + index], submit = layero.find('iframe').contents().find("#submitBtn");
                    iframeWindow.layui.form.on('submit(submitBtn)', function (data) {
                        var field = data.field; //获取提交的字段
                        var loadAdd = parent.layer.msg('提交中', {icon: 16, time: 0, shade: 0.1, offset: '15px'});
                        $.post(url, field, function (res) {
                            parent.layer.close(loadAdd);
                            if (res.code === 0) {
                                isEdit = true;
                                parent.layer.close(index); //关闭弹层
                                parent.layer.msg(res.msg, {icon: 6, offset: '15px', time: 1000}, function() {
                                    window.location.href=window.location.href+'&isEdit=1';
                                });
                            } else {
                                parent.layer.msg(res.msg, {icon: 5, offset: '15px'});
                            }
                        });
                    });
                    submit.trigger('click');
                }
            });
        });

        $('.bingEnergyMeter').on('click', function() {
            var url = '{:url("propertyRoomBindEnergyMeter")}?room_id='+roomId;
            var index = parent.layer.open({
                title: '绑定新设备', type: 2,  shade: 0.2, maxmin:true, area: ['638px', '500px'],content: url, btnAlign: 'c', btn: ['确定', '取消'], yes: function (index, layero) {
                    var iframeWindow = parent.window['layui-layer-iframe' + index], submit = layero.find('iframe').contents().find("#submitBtn");
                    iframeWindow.layui.form.on('submit(submitBtn)', function (data) {
                        var field = data.field; //获取提交的字段
                        var loadAdd = parent.layer.msg('提交中', {icon: 16, time: 0, shade: 0.1, offset: '15px'});
                        $.post(url, field, function (res) {
                            parent.layer.close(loadAdd);
                            if (res.code === 0) {
                                parent.layer.close(index); //关闭弹层
                                table.reload('roomElectricityMeter'); //数据刷新
                                parent.layer.msg(res.msg, {icon: 6, offset: '15px',time: 1000}, function() {
                                    window.location.reload();
                                });
                            } else {
                                parent.layer.msg(res.msg, {icon: 5, offset: '15px'});
                            }
                        });
                    });
                    submit.trigger('click');
                }
            });
            return false;
        });
        <!-- 房间日志 add-->
        var tableLogListId = 'roomLogList';
        table.render({
            elem: '#'+tableLogListId,
            id:tableLogListId,
            url: '{:url("propertyRoomLogList")}?room_id='+roomId,
            cols: [[
                {field: 'add_time', width: 168, title: '创建时间', sort: true},
                {field: 'username', width: 108, title: '执行用户',  sort: true},
                {field: 'remark', minWidth: 100, title: '备注说明', templet:'#remark_tpl'},
            ]],
            limits: [10, 15, 20, 25, 50, 100],
            limit: 15,
            page: true,
            height: 'full-120',
        });
        <!-- 房间日志 end-->
    });
</script>
{/block}